یکی از تگهای جالب در اچ تی ام ال تگ آی فریم است. شما میتوانید با کمک این تگ، یک صفحه کامل را با تمامی محتویات درون یک پنجره مشخص در صفحه خود نمایش دهید. از این تگ خصوصا در استفاده از سرویسهایی خارج از صفحه، همچون سرویسهای اشتراک گذاری ویدیو استفاده میشود. در این شماره مجموعه آموزشهای HTML به شما خواهیم گفت تا چگونه از این تگ استفاده کنید.
در ادامه با کافه دوستی همراه باشید.
یکی از مهمترین قابلیتهایی که این تگ برای سایتها همراه میآورد آنجاست که میتوانید برخی سرویسهای موجود در سایتهای دیگر را در سایت خود مورد استفاده قرار دهید. مثلا فرض کنید ما میخواهیم سرویس چت آنلاین یک سایت دیگر را در بخشی از سایت خود وارد کنیم. به این کار اصطلاحا embed کردن میگویند. برای این کار تنها کافیست لینک صفحه سرویس مورد نظر را در آی فریم وارد کنیم.
قانون کلی برای نوشتن ای فریم بدین گونه است.
<iframe src="/URL"></iframe>
در اول این تگ, یک اتریبیوت به نام Src وجود دارد. در داخل این اتریبیوت ما لینک صفحهای که قصد نمایش یا embed کردن آن را داریم, وارد میکنیم.
بعد از آن دیگر نیازی به هیچ کاری نیست و تگ را میبندیم. بدین ترتیب صفحه یا سرویس مورد نظر شما در صفحه جدید به نمایش در خواهد آمد.
بهتر است برای کنترل بهتر روی این المان, از اتریبیوت استایل برای آن استفاده کنید و طول و عرض آن را به دلخواه تعیین کنید. برای این کار بعد از اتریبیوت src, از اتریبیوت style استفاده میکنیم.
<iframe src="آدرس سایت مقصد" ></iframe>
حالا در اتریبیوت استایل, طول وعرض مورد نظر را وارد میکنیم.برای مثال ما طول و عرض 100 پیکسل را برای صفحهی مورد نظرمان برگزیدهایم.
iframe src="آدرس سایت مقصد" style=" width: 100px; height: 100px;"></iframe>
.امیدواریم که این بار هم این آموزش، موفق به جلب رضایتتان شده باشد. تجربیات، پیشنهادات و نظرات شما بدون شک در ادامهی این مقالات آموزشی تاثیر بسزایی خواهد داشت. پس لطفا با ما در ارتباط باشید
.قسمت پایانی یکشنبه اضافه می شود
.از لینک های آماده شده ی زیر می توانبد به بخش های قبل دسترسی داشته باشید
شارژ کردن گوشی با شارژر های مختلف
آپدیت جدید تلگرام: بخش استیکرهای محبوب، فضای شخصی نامحدود و موار
گلکسی نوت 7 به طور رسمی معرفی شداسکنر عنبیه چشم و 4 گیگابایت حاف
جوانسازی پوست فقط در 28 روز !؟
سارقان مسلح از بازی Pokemon Go برای به دام انداختن قربانیان استف
عملکرد سنسور عنبیه گلکسی نوت 7 فاش شد
این تکنیک آرایشی به سرعت جوش های صورت تان را می پوشاند!!!
جرم گرفتن دندان به دلیل 7 خطا